/* General Settings */

body {
	background-color:#CCC;
	font-family:"Times New Roman", Times, serif;	
	text-align: center;
	font-size: 100%;
}

/* General Header */

header {
	font-size: 100%;
}

header p {
	margin: 0; padding: 1%; 	
}

/* General hyperlinks */

a:link {
	color: #BF9B30;
}

a:visited {
	color: #A67C00;
}

a:hover {
	color: #FFBF00	
}

/* General input */

input, select {
	width 300px;
	margin-left:0;
	padding-left: 0;	
}
/* Top header */ 
.top_header {
	padding: 1%;
	width: 100%;	
	background-color: #1B1BB3;
	
	font-family: "Times New Roman", Times, serif;
	color:  white;
	
	border-bottom-style: double;
	border-width: 15px;
	border-color: #090974;
}

.title {
	font-size: 3em;
	font-weight: bold;
	
	text-decoration: underline;
}

.logo {
	height: 1em;
	width: 1em;
}

.tagline {
	font-size: 150%
}

/* Navigation bar using HTML5 nav tag */
nav {
	font-family: Tahoma, Geneva, sans-serif;
	
	padding-left: 1em;
	text-align: left;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0.25em 0 0.25em;	
}

nav li {
	display: inline;
}

nav a {
	font-weight: bold;
	background-color: #090974;
		
	text-align: center;
	padding: 6px;
	text-decoration: none;
	text-transform: uppercase;
}

nav a:link,nav a:visited {
	color: #FFFFFF;
}

nav a:hover{
	background-color: #FFBF00;
}

footer {
	font-size: small;
}

/* MAIN Container */
#main_container{
	margin: 0 auto 0; padding: 1em;
	width: 90%;
	background-color: white;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: left;
}

#watermark {
	padding: 0.5em;
	width: 450px;
	height: auto;
	float: left;	
}

/* Article Styling */
article {
	padding: 0.5em;
	font-size: 100%;
	text-align: left;
}

.article_link {
	font-size: 150%;
	font-weight: bold;	
}

/* lead article will take up all of the top */
.lead_article {
	margin: 0 1em 1em;
	padding: 0.5em;
	display: block;
}

/* other articles have their own predefined space and 
float around each other */
.normal_article {
	margin: 1em;
	padding: 0.5em;
	
	height: 23em;
	width: 23em;
	
	float: left;
}

.lead_article:hover, .normal_article:hover {
	background-color: #7373D9;
}

/* article images */

.img_small {	
	padding: 0.5em;
	/*images scaled according to width */ 
	width: 150px; 
	height: auto;
	float: left;
}

.img_med{	
	padding: 0.5em;
	/* images scaled according to width */ 
	width: 300px; 
	height: auto;
	float: left;
}

.img_large{	
	padding: 0.5em;
	/* images scaled according to width */ 
	width: 450px; 
	height: auto;
	float: left;
}
/* Misc styling */

/* gets rid of the floating effect */
/* Usage: create an empty section or div tag with this class. */
.clear{
	clear: both;
}

.underline {
	text-decoration: underline;	
}

.black_text{
	color: black;
}

/* aligns labels input boxes */
.align-input {
	display: inline-block;
	width: 100px;
	text-align: left;
	padding-right: 2em;	
}

.highlight {
	margin: 0; padding: 0;
	background-color: #FFBF00;
}